<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@page isELIgnored ="false" %>   
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>      
<%@ page language="java" import="java.util.*" %>
<%@ page language="java" import="model.Produtos" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title>Jvendor</title>
<link rel="shortcut icon" href="imagens/favicon.ico"/>

<style type="text/css">/*Aqui começa a parte de edição em css */


.topo{            /* Cabeçalho da página, com a imagem de fundo*/
width:100%;
height:140px;
background-image:url(imagens/background.gif);
margin-top:-20px; 
box-shadow:0px 1px 9px #1E90FF;
}

.campo-txt-top{   /* aparencia do campo a direita onde aparece o nome da tela e ou R$ valor*/
	border: 1px solid #1E90FF;
	color: #000;
	background-image:url(imagens/logotheos.jpeg);
	-webkit-border-radius: 10px;
	border-radius: 5px; 
	height:99px;
	width:299px;
	margin-left: 850px;	
	margin-top:-90px;
	font:bold 35px Helvetica, sans-serif;
	font-variant: small-caps;
	font-style:normal;
	box-shadow:0px 1px 9px #fff;
	text-shadow: 2px 2px #D3D3D3;

}
.campo-txt-meio{ /* campo de texto do login e senha*/ 
	border: 1px solid #1E90FF;
	color: #000;
	height:30px;
	background: #fff;
	-webkit-border-radius: 10px;
	border-radius: 5px; 
	margin-left: 20px;	
	font:bold 15px Helvetica, sans-serif;
	font-style:normal;
	box-shadow:0px 1px 9px #000000;

}

.texto-meio{  /*fonte e tamanho dos textos do meio da pagina*/
font:bold 20px New Century Schoolbook, serif;
font-style:normal;
font-variant: small-caps;
text-shadow: 1px 1px #333;
}

.texto-top{  /*fonte e tamanho dos textos do top da pagina*/
font:bold 35px New Century Schoolbook, serif;
font-style:normal;
font-variant: small-caps;
text-shadow: 1px 1px #333;
}

.botao {     /*Edita a aparencia do botao*/
  display: inline-block;
  width:300px;
  padding: 15px;
  font:bold 20px Tahoma, Geneva, sans-serif;
  text-shadow: 1px 1px #D3D3D3;
  border:1px solid #d0d0d0;
  border-top-color:#ececec;
  border-bottom-color:#909090;
  color:#000;
  background:#D5EFF7;
  background:-moz-linear-gradient(top, #D5EFF7 0px, #5AA2B9 51%, #4F92A7 47%, #94C9DA);
  background:-webkit-linear-gradient(top, #D5EFF7 0px, #5AA2B9 51%, #4F92A7 47%, #94C9DA);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
  
}
.botao:hover {/*Efeito de quando passa o mouse em cima do botao*/
  background:#e3f4fa;
  background:-moz-linear-gradient(top, #e3f4fa 0px, #68b0c2 51%, #68b0c2 47%, #b1dce7);
  background:-webkit-linear-gradient(top, #e3f4fa 0px, #68b0c2 51%, #68b0c2 47%, #b1dce7);
}


#cssmenu ul {/*barra menu principal*/
margin: 0;
margin-top:-50px;
margin-left:230px;
padding: 10px 10px 0;
font: normal .9em/1.5em Arial, Helvetica, sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 0 rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}

#cssmenu li {
margin: 0 5px;
padding: 0 0 8px;
float: left;
position: relative;
list-style: none;
}

#cssmenu a,

#cssmenu a:link {
font-weight: bold;
color: #000;/*cor da letra do menu*/
text-decoration: none;
display:block;
padding:  3px 20px;
margin: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}

#cssmenu a:hover {
background: #000;
color: #fff;
}

#cssmenu .active a, 

#cssmenu li:hover > a {
background: #e7e5e5;/*cor de fundo hover*/
color:#000;/*menu principal*/
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);

}

#cssmenu ul ul li:hover a,

#cssmenu li:hover li a {
background: none;
border: none;
color: #666;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}

#cssmenu ul ul a:hover {
background: #8f8f8f url(images/overlay.png) repeat-x 0 -100px !important;
color: #fff !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

#cssmenu li:hover > ul {display: block;}

#cssmenu ul ul {
display: none;
margin: 0;
padding: 0;
width: 185px;
position: absolute;
top: 40px;
left: 0;
background: #ddd url(images/overlay.png) repeat-x 0 0;/*cor de fundo dentro do menu*/
border: solid 1px #b4b4b4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
}

#cssmenu ul ul li {
float: none;
margin: 0;
 padding: 3px;
 }

#cssmenu ul ul a {
font-weight: normal;
text-shadow: 0 1px 0 #fff;
}

#cssmenu ul:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

* html #cssmenu  ul {height: 1%;}

.table{ 
	border: 1px solid #1E90FF;
	color: #000;
	background: #fff;
	-webkit-border-radius: 10px;
	border-radius: 5px; 
	box-shadow:0px 1px 9px #000000;
	
}


.clear{
padding: 20px;
}


</style><!--Aqui termina a parte de edição em css--> 

<script type="text/javascript">



function preencher(cod,nome,descricao,qtd,qtdmin,custo,venda,fornecedor) 
{ 
document.dados.codigo.value=cod;	
document.dados.nome.value=nome;
document.dados.descricao.value=descricao;
document.dados.qtd.value=qtd;
document.dados.qtdmin.value=qtdmin;
document.dados.valorcusto.value=custo;
document.dados.valorvenda.value=venda;
document.dados.fornecedor.value=fornecedor;

} 
function funcao1() 
{ 
	if(document.dados.nome.value == ""){
		
	alert("Por favor informe o nome para consulta.");	
	}else{
	document.dados.action="ServletConsultarprod";
	document.dados.submit();
	}		
} 

function funcao2() 
{ 
	document.dados.action="ServletCadastrarprod";
	document.dados.submit();
} 
function limpar()
{

	document.dados.codigo.value="";
	document.dados.nome.value="";
	document.dados.descricao.value="";
	document.dados.qtd.value="";
	document.dados.qtdmin.value="";
	document.dados.valorcusto.value="";
	document.dados.valorvenda.value="";
	document.dados.fornecedor.value="";
}




</script>


</head>
<body>
<br/>

<%
Long cod_produto = null;
String nome = null;
String descricao = null;
int quantidade = 0;
int quantidademin =0;
double valorcusto = 0;
double venda = 0;
String fornecedor = null;
%>

<div class="topo"> <img src="imagens/Jvendorlogo.png" height="80" width="250" style="margin-left:15px;margin-top:30px;"/></div>
<div id='cssmenu'>
<ul>
   <li class='active '><a href='menuprincipal.html'><img src="imagens/home.png" height="30px" width="30px" align="middle" hspace="1px" ><span>Menu Principal </span></a></li>
   <li class='active '><a href='#'><img src="imagens/cadastro.png" height="30px" width="30px" align="middle" hspace="1px"><span>Cadastrar</span></a>
      <ul>
         <li><a href='cadclientes.html'><span>Clientes</span></a></li>
         <li><a href='cadfuncionario.html'><span>Funcion&aacute;rios </span></a></li>
         <li><a href='cadfornecedor.html'><span>Fornecedores</span></a></li>
         <li><a href='cadproduto.html'><span>Produtos</span></a></li>
      </ul>
   </li>
   <li class='active '><a href='Consulta.jsp'><img src="imagens/buscar.png" height="30px" width="30px" align="middle" hspace="1px"><span>Buscar</span></a>
      <ul>
         <li><a href='Consultacli.jsp'><span>Clientes</span></a></li>
         <li><a href='#'><span>Funcion&aacute;rios </span></a></li>
         <li><a href='#'><span>Fornecedores</span></a></li>
         <li><a href='ProdConsulta.jsp'><span>Produtos</span></a></li>
      </ul>
   </li>
   <li class='active '><a href='relatorio.html'><img src="imagens/relatorio.png" height="30px" width="30px" align="middle" hspace="1px"><span>Relat&oacute;rios</span></a>
      <ul>
         <li><a href='#'><span>Clientes Cadastrados</span></a></li>
         <li><a href='#'><span>Vendas por Funcion&aacute;rios</span></a></li>
         <li><a href='#'><span>Vendas por Cart&otilde;es</span></a></li>
         <li><a href='#'><span>Vendas Realizadas</span></a></li>
         <li><a href='#'><span>Estoque</span></a></li>
      </ul>
   </li>
   <li class='active '><a href='relatorio.html'><img src="imagens/logout.png" height="30px" width="30px" align="middle" hspace="1px"><span>Sair</span></a>
</ul>
</div>



	<div class="texto-top" align="center" style="margin-top:5px;">
		Cadastro de Produtos
	</div>
<br><br>
	<div class="texto-meio"  align="center" style="margin-top:-50px;">
	<form method="post" name="dados" action="">
	<br>
		<table >
		<tr>
		<td><div style="margin-top:-10px;">C&oacute;digo:</div></td>
		<td><input type="text" name="codigo" id="codigo" class="campo-txt-meio" value="<%--=cod_produto--%>" style="width: 300px;" /></td>
		<td><input type="button" class="botao" value="Consultar" style="margin-left:70px;" onclick="funcao1()"/></td>
		</tr>
		<tr>
		<td><div style="margin-top:-15px;">Nome:</div></td>
		<td><input type="text" name="nome" id="nome" class="campo-txt-meio" value="<%--=nome--%>" style="width: 500px;margin-top:-9px;" /></td>
		<td><input type="button" class="botao" value="Salvar" style="margin-left:70px;" onclick="funcao2()"/></td>
		</tr>				
		<tr>
		<td><div style="margin-top:-37px;">Descri&ccedil;&atilde;o:</div></td>
		<td><input type="text" name="descricao" id="descricao"class="campo-txt-meio" value="<%--=descricao--%>"style="width: 500px;margin-top:-40px;" /></td>
		<td><input type="button" class="botao" value="Limpar" style="margin-left:70px;" onClick="limpar()"/></td>
		</tr>
		<tr>
		<td><div style="margin-top:-54px;">Quantidade:</div></td>
		<td><input type="text" name="qtd" id="qtd" class="campo-txt-meio" value="<%--=quantidade--%>"style="width: 300px;margin-top:-56px;" /></td>
		<td><input type="button" name="bt"   class="botao" value="Voltar" style="margin-left:70px;" onclick="window.location='menucadastro.html'" /></td>
		</tr>
		<tr>
		<td><div style="margin-top:-67px;">Qtd M&iacute;nima:</div></td>
		<td><input type="text" name="qtdmin" id="qtdmin" class="campo-txt-meio" value="<%--=quantidademin--%>"style="width: 300px;margin-top:-71px;" /></td>
		<td><input type="button" name="bt"     class="botao" value="Sair" style="margin-left:70px;"/></td>
		</tr>
		<tr>
		<td><div style="margin-top:-55px;">Custo:</div></td>
		<td><input type="text" name="valorcusto" id="valorcusto" class="campo-txt-meio" value="<%--=valorcusto--%>"style="width: 300px;margin-top:-58px;" /></td>
		</tr>
		<tr>
		<td><div style="margin-top:-20px;"">Valor venda:</div></td>
		<td><input type="text" name="valorvenda" id="valorvenda" class="campo-txt-meio" value="<%--=valorvenda--%>"style="width: 300px;margin-top:-17px;" /></td>
		</tr>
		<tr>
		<td><div style="margin-top:10px;"">Fornecedor:</div></td>
		<td><input type="text" name="fornecedor" id="fornecedor" class="campo-txt-meio" value="<%--=fornecedor--%>"style="width: 300px;margin-top:10px;" /></td>
		</tr>
		
								
					
		<div class="clear"></div>
	</table>	
			
	
	</form>
	<div class="clear"></div>
<table border="1" class="table">
<tr>
<th height="20px" width="100px" style="text-align:center;">ID</th>
<th width="250px" style="text-align:center;">Nome</th>
<th width="80%" style="text-align:center;">Complemento</th>
</tr>

<tr>

</tr>
<%

try{
	
//Pega o List de produtos que veio do servlet consultar	
List <Produtos> prod = (List<Produtos>)request.getSession().getAttribute("list");
//percorre o list e joga nas variaveis
for(Produtos p : prod){ 

cod_produto = p.getCod_produto();
nome = p.getNome();
descricao = p.getDescricao();
quantidade = p.getQuantidade();
quantidademin = p.getQuantidademin();
valorcusto= p.getValorcusto();
venda = p.getValorvenda();
fornecedor = p.getFornecedor();
//cria a tabela e chama a function preencher assim que se clica na linha ( checar pq na aceita variaveis string)
out.println("<tr onclick='preencher("+cod_produto+','+"\"" + nome + "\""+','+"\"" + descricao + "\""+','+quantidade+','+quantidademin+','+valorcusto+','+venda+','+"\"" + fornecedor + "\""+")'>");
out.println("<td>"+p.getCod_produto()+"</td>");
out.println("<td>"+p.getNome()+"</td>");
out.println("<td>"+p.getDescricao()+"</td>");
out.println("</tr>");

}

}catch(Exception ex){
ex.printStackTrace();
}


%>






</table>
</div>
</body>
</html>